@charset "utf-8";
/* 安全警告 */
body {
    font: 12px/1.5 'Helvetica Neue',Helvetica,Arial,Sans-serif;
    background: #F2F4F6;
}
.beibei_warn{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    width: 100%;
    color: #666;
    background: #FFF8EF;
}
.loger span.loginame{
    color:#ff647c;
    font-weight: bold;
}
.beibei-warn_notice{
    margin: auto;
    width: 1080px;
}
.beibei-warn_notice:before {
    display: inline-block;
    float: left;
    width: 12px;
    height: 12px;
    content: "";
    margin: 13px 6px 0 0;
    background: url(../images/jinggao.png) center no-repeat;
    background-size: 100% 100%;
}

/* nav部分 */
.top_nav{
    width: 100%;
    background: #f4f4f4;
    border-bottom: 1px #e8e8e8 solid;
    height: 28px;
    z-index: 109;
    position: relative;
}
.tp_nv_wrapper {
    margin: 0 auto;
    position: relative;
    width: 1080px;
}
.top_nav ul {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 28px;
    list-style-type: none;
    float: left;

}
.top_nav ul li {
    font-size: 12px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: #555;
    vertical-align: top;
    margin: 0 12px;
    cursor: pointer;
    position: relative
}
.top_nav ul span.sayhi{
    cursor: default;
}
.top_nav ul li.seg {
    margin: 7px 0;
    height: 15px;
    width: 1px;
    background: #ddd;
}
.top_nav a{
    color: #555;
}
.top_nav a.freeregin{
    color:#FF5482;
}
.top_nav ul a.secondary{
    vertical-align: 2px;
}
/* 搜索引擎样式 */
ul.search{
    position: relative;
    width: 200px;
    z-index: 99999;
    box-sizing: border-box;
}
ul.search li{
    list-style: none;
    width: 196px;
    background:#fff;
    color: #000;
    font: 14px arial;
    line-height: 22px;
    padding: 0 8px;
    position: relative;
    cursor: default;
}
/* 固定导航的样式 */
/* 这是头部最后一个导航 */
.sub-nav {
    height: 30px;
    padding: 0;
    -webkit-box-shadow: 0 1px 5px #bbb;
    -moz-box-shadow: 0 1px 5px #bbb;
    box-shadow: 0 1px 5px #bbb;
    z-index: 79;
    position: relative;
    background: #fff;
}
.sub-nav ul {
    line-height: 30px;
    list-style-type: none;
}
.sub-nav .sub-nav-logo {
    display: none;
}

/* 固定的时候导航栏的样式 */
.sub-nav.fixed {
    position: fixed;
    width: 100%;
    height: 37px;
    z-index: 999;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* 固定的时候出现的logo */
.sub-nav.fixed  .sub-nav-logo {
    display: inline-block;
    width: 98px;
    height: 48px;
    padding: 0;
    margin-right: 18px;
    background-image: url(../images/navlogo.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
}
.sub-nav.fixed ul li {
    line-height: 37px;
    height: 37px;
    text-align: center;
}
.sub-nav.fixed .sub-nav-logo a {
    height: 67px;
    border-bottom-style: none;
}
.sub-nav ul li {
    position: relative;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
}
.sub-nav ul li a {
    margin: 0 12px 0 0;
    padding: 0 10px;
    color: #999;
    display: block;
    height: 27px; 
    border-bottom: 3px solid #fff;
}
.sub-nav ul li.tomorrow {
    position: absolute;
    right: 0;
    font-size: 13px;
    color: #ff506b;
    padding: 0 28px;
    background: #f7f7f7;
}
/* 导航各项hover效果 */
.top_nav a:hover{
    color: inherit;
    text-decoration: underline;
    outline: 0;
}
.top_nav a.freeregin:hover{
    color:#FF5482;
}
li b{
    background: url(../images/headnav.png) no-repeat 1px -12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
}

/* 公司主要logo */
.head{
    position: relative;
    background: #fff;
    min-width: 1000px;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.head .wrapper {
    width: 1080px;
    margin: 0 auto;
}
.head .wrapper .main_logo {
    height: 90px;
    position: relative;
    text-align: left;
}
.wrapper .main_logo a{
    display: inline-block;
    width: 150px;
}
.wrapper .main_logo .logog{
    margin-top: 15px;
}
.wrapper .main_logo .main-logo-slogan {
    background: url(../images/upload_ae.png) no-repeat;
    width: 390px;
    height: 40px;
    position: absolute;
    top: 25px;
    left: 526px;
    cursor: pointer;
}
.top-cart{
    height: 34px;
    top: 28px;
    left: 868px;
    position: absolute;
    display: block;
    background: #ff647c;
    border-radius: 10px;
    left: 947px;
}
a {
    color: #3E3E3E;
    text-decoration: none;
}
.nav-cart .top-cart-icon {
    position: absolute;
    border: 2px solid #fff;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 18px;
    color: #fff;
    top: -1px;
    background:#444 url(../images/购物车.png) no-repeat center;
    left:-18px;
    background-size: 20px;
}
.top-cart i.xiala{
    background: url(../images/down.png) no-repeat;
    display:inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-position: 1px 5px;

}
.top-cart span {
    color: #fff;
    padding: 0 12px 0 24px;
    font-size: 15px;
    line-height: 34px;
}
.nav-cart .nav-cart-detail {
    background: #fff;
    border-top: none;
    padding: 0;
    position: absolute;
    top: 62px;
    right: 22px;
    *right: 3px;
    _right: 5px;
    width: 340px;
    display: none;
    z-index:999;
}
.m-bn-con .J_bnCate li.current{
    background-color: #fff;
    border-right: 1px solid #fff;
    color: #ff4965;
}
.main-nav{
    height: 38px;
    position: relative;
    background: #ff647c;
}
.main-nav .wrapper{
    position: relative;
}
.main-nav .nav-item.current, .main-nav .nav-item.current:hover {
    background: #f34660;
    color: #fff;
    text-decoration: none;
}
.main-nav .nav-item {
    background: #ff647c;
    float: left;
    height: 38px;
    position: relative;
    width: 95px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
}
.main-nav a:hover{
    color: #fff;
    text-decoration: none;
    background: #f34660;
}
.nav-seller-position i{
    position: absolute;
    top: -4px;
    right: -4px;
    width: 27px;
    height: 18px;
    background: url(../images/hot.png) no-repeat;
    background-size: 100%;
}
/* 搜索导航栏 */
.m-bn-slay {
    right: 0;
    top: 5px;
    font-size: 14px;
    position: absolute;
}
.m-bn-cat {
    display: inline-block;
    height: 35px;
    width: 100px;
    text-align: right;
    padding-right: 5px;
    line-height: 30px;
    position: relative;
    float: left;
}
.btn-cat {
    color: #fff;
    width: 75px;
    cursor: pointer;
    font-size: 12px;
}
.btn-cat i{
    background: url(../images/down.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 18px;
    display: inline-block;
    background-position: 0 8px;
}
.m-bn-con {
    z-index:999;
    position: absolute;
    display: none;
    left: -175px;
    top: 33px;
    width: 490px;
    background-color: #f9f9f9;
    border: 1px solid #ececec;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,.15);
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.15);
}
.m-bn-con .bn-cate {
    display: block;
    width: 110px;
    float: left;
}
.m-bn-con .bn-cate li {
    border-bottom: 1px solid rgb(236, 236, 236);
    list-style: none;
    width: 80px;
    padding-right: 30px;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #ececec;
    text-align: right;
    background-color: #f9f9f9;
    color: #666;
    cursor: pointer;
    font-size: 12px;
}
.m-bn-con .bn-con {
    margin-left: 110px;
    background: #fff;
    border-left: 1px solid #ececec;
}
.m-bn-con .bn-con ul {
    padding: 10px;
    padding-bottom: 0;
}
.m-bn-con .bn-con li {
    text-align: center;
    padding: 15px 14px 0 14px;
    float: left;
    width: 60px;
    height: 93px;
    border-right: 1px dashed #ececec;
    border-bottom: 1px dashed #ececec;
    overflow: hidden;
    cursor: pointer;
}
.m-bn-con .bn-con a {
    width: 60px;
    height: 78px;
}

.m-bn-con .bn-con a, .m-bn-con .bn-con img {
    display: inline-block;
}
a {
    color: #3E3E3E;
    text-decoration: none;
}
.m-bn-con .bn-con a, .m-bn-con .bn-con img {
    display: inline-block;
}
.m-bn-con .bn-con label {
    font-size: 12px;
    line-height: 30px;
    color: #999;
}
.bn-con a:hover{
    background:none;
}
.bn-con label:hover{
    color: #f34660;
    cursor: pointer;
}
.m-bn-spirit {
    display: inline-block;
    width: 215px;
    position: relative;
    *display: inline;
    *zoom: 1;
}
.m-bn-search {
    outline: 0;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    height: 26px;
    line-height: 26px;
    width: 200px;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
}
/* li的高亮效果 */
ul.search li.current{
    background: #ededed;
}
.m-bn-content {
    position: absolute;
    top: 26px;
    left: 0;
    width: 210px;
    height: 0;
    border: 1px solid #F9F9F9;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
}